<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/www.w3.org/1999/xhtml" lang="pt-br">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />


	<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
	<link href="css/highlight.black.css" type="text/css" media="all" rel="stylesheet" />
	<link href="css/sexy-bookmarks-style.css" type="text/css" media="all" rel="stylesheet" />
	
	<script src="js/jquery-1.6.3.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.animate-colors-min.js"></script>
	
	<script src="js/jquery.skitter.min.js"></script>
	<script src="js/highlight.js"></script>
	<script src="js/sexy-bookmarks-public.js"></script>
	
	<script>
	$(document).ready(function() {
		
		var options = {controls: true, show_randomly: true,animation: 'randomSmart', controls_position: 'rightBottom',dots: true,hideTools: true,navigation: false};
	
		if (document.location.search) {
			var array = document.location.search.split('=');
			var param = array[0].replace('?', '');
			var value = array[1];
			
			if (param == 'animation') {
				options.animation = value;
			}
			else if (param == 'type_navigation') {
				if (value == 'dots_preview') {
					$('.border_box').css({'marginBottom': '40px'});
					options['dots'] = true;
					options['preview'] = true;
				}
				else {
					options[value] = true;
					if (value == 'dots') $('.border_box').css({'marginBottom': '40px'});
				}
			}
		}
		
		$('.box_skitter_large').skitter(options);
		
		// Highlight
		$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
		
	});
	</script>
</head>
<body>

<div id="page">
	<div id="content">
		<div class="border_box">
			<div class="box_skitter box_skitter_large">
				<ul>

					<li><a href="#fade"><img src="images/U12A1.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>



					<li><a href="#fade"><img src="images/U11B1.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>
					<li><a href="#fade"><img src="images/U11B2.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>

					<li><a href="#fade"><img src="images/U11Girls9.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>
					<li><a href="#fade"><img src="images/U11Girls8.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>
					<li><a href="#fade"><img src="images/U11Girls7.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>

					<li><a href="#fade"><img src="images/U11Girls5.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>

					<li><a href="#fade"><img src="images/U11Girls2.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>
					<li><a href="#fade"><img src="images/U11Girls1.JPG" width=500 class="fade" /></a><div class="label_text"></div></li>

					<li><a href="#fade"><img src="images/HISTORYOFGJOA.jpg" width=500 class="fade" /></a><div class="label_text"></div></li



		
				</ul>
			</div>
		</div>
	</div>
</div>
</body>
</html>